/*
* Buttons CSS.
*
* Infectamic: browser game (http://infectamic.goldzoneweb.info)
* Copyright 2011, Loic Chardonnet
*
* Licensed under The MIT License
* Redistributions of files must retain the above copyright notice.
*/

input[type=submit],
.actions ul li a,
.actions a {
    font-weight:            normal;
    padding:                4px 8px;
    background:             #dcdcdc;
    background-image:       -webkit-linear-gradient(top, #fefefe, #dcdcdc);
    background-image:       -moz-linear-gradient(top, #fefefe, #dcdcdc);
    background-image:       -ms-linear-gradient(top, #fefefe, #dcdcdc);
    background-image:       -o-linear-gradient(top, #fefefe, #dcdcdc);
    background-image:       linear-gradient(top, #fefefe, #dcdcdc);
    color:                  #333;
    border:                 1px solid #bbb;
    -webkit-border-radius:  4px;
    -moz-border-radius:     4px;
    border-radius:          4px;
    text-decoration:        none;
    text-shadow:            #fff 0px 1px 0px;
    min-width:              0;
    -moz-box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow:             inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:    none;
    user-select:            none;
}

.actions ul li a:hover,
.actions a:hover {
    background:             #ededed;
    border-color:           #acacac;
    text-decoration:        none;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
    background:             #eee;
    background-image:       -webkit-linear-gradient(top, #dfdfdf, #eee);
    background-image:       -moz-linear-gradient(top, #dfdfdf, #eee);
    background-image:       -ms-linear-gradient(top, #dfdfdf, #eee);
    background-image:       -o-linear-gradient(top, #dfdfdf, #eee);
    background-image:       linear-gradient(top, #dfdfdf, #eee);
    text-shadow:            #eee 0px 1px 0px;
    -moz-box-shadow:        inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:     inset 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow:             inset 0 1px 4px rgba(0, 0, 0, 0.3);
    border-color:           #aaa;
    text-decoration:        none;
}
